<html>
    <head>
        <title>动态组件</title>
    </head>
    <body>
        <script>
             // 八、动态组件

                            /*
                                有的时候，在不同组件之间进行动态切换时非常有用的，比如在 elementUI中的 tabs标签页组件。
                            */

                            /*
                                上述内容可以通过Vue的 <component>元素加一个特殊的 is 组件属性来实现：
                            */
                                    /*
                                        <!-- 组件会在 'currentTabComponennt'改变时改变-->
                                        <component v-bind:is="currentTabComponent"></component>
                                    */

                                    /*
                                        上面的模板中， currentComponent 可以包括：、
                                            1、已注册的组件的名称
                                            2、一个组件的选项对象
                                    */
        </script>
    </body>
</html>